<style lang="scss" >
@import '../../components/header/vheader';
</style>

<template>
<header class="vheader">
  <div class="header-container">
    <h1 id="logo">
      <img src="~/assets/images/logo.svg" alt="">
    </h1>
    <nav class="nav-list">
      <ul>
        <li v-for="(item,index) in navItem" :key="index">
          <nuxt-link :to="{name:item.name}">{{item.title}}</nuxt-link>
        </li>
        <li class="nav-item auth">
          <span class="login">
            <nuxt-link to="/login">登录</nuxt-link>
          </span>
          <span class="register">
            <nuxt-link to="/register">注册</nuxt-link>
          </span>
        </li>
      </ul>
    </nav>
  </div>
  </header>
</template>
<script>
import VHeader from './vheader.js';
export default VHeader;
</script>
